/* pages/vip-share/vip-share.wxss */
/* pages/myArchive/myArchive.wxss */
@import "/assets/common.less";
.writing-page {
  position: relative;
  width: 100%;
  height: calc(100vh - 120rpx);
  //overflow: hidden;
  background: #fff;
  flex-direction: column;
  align-items: center;
  
  .flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .nav-left {
    display: flex;
    align-items: center;
    gap: 20rpx;
  }
  .navigation-bar{
    position: relative;
    width: 94%;
    margin: auto;
    .iconfont {
      font-size: 24px;
    }
    .logo{
      width: 245rpx;
      height: 70rpx;
    }

    
  .svg-img{
    width: 40rpx;
    height: 40rpx;
  }
  }
/* vip-share.wxss */
  
  .button-area {
    margin-top: 104rpx;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 13rpx;
    width: 100%;
  }
  
  .writing-button {
    width: 112px;
    height: 44px;
    opacity: 1;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 44px;
    text-align: center;
    border: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
  }

/* 文本输入框容器 */
.textarea-container {
    margin-top: 40rpx; /* 167rpx - 104rpx = 63rpx，调整到合适间距 */
  width: 362px;
  height: 212px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  }
  
  .writing-textarea {
    width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  opacity: 1;
  padding: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.5;
  background: #FFFFFF;
  color: #333333;
  }
  
  /* 搜索按钮区域 */
  .search-actions {
    margin-top: 20rpx;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16rpx;
    width: 100%;
  }
  
  .search-button {
    width: 109px;
    height: 36px;
    padding: 10px;
    border-radius: 8px;
    background: #FFFFFF;
    color: #ACACAC;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #E4E4E4;
    box-sizing: border-box;
    transition: all 0.3s ease;
  }
  
  .search-button.active {
    background: #5C83E7;
    color: #FFFFFF;
    border-color: #5C83E7;
  }
  
  /* 选择文件夹按钮 */
  .folder-button-container {
    margin-top: 20rpx;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  .folder-button {
    width: 362px;
    height: 52px;
    background: #ECECFF;
    color: #3060FC;
    border-radius: 8px;
    border: none;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 52px;
    text-align: center;
  }
  
  /* 选项选项卡区域 */
  .options-container {
    margin-top: 40rpx;
    width: 362px;
    margin-left: auto;
    margin-right: auto;
    background: #F4F4F5;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .option-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32rpx 32rpx;
    border-bottom: 1px solid #E0E0E0;
  }
  
  .option-row:last-child {
    border-bottom: none;
  }
  
  .option-label {
    font-size: 32rpx;
    color: #333333;
    font-weight: 400;
  }
  
  .option-value {
    display: flex;
    align-items: center;
    gap: 16rpx;
  }
  
  .value-text {
    font-size: 28rpx;
    color: #ACACAC;
  }
  
  .icon-arrow-right {
    font-size: 24rpx;
    color: #ACACAC;
  }
  
  /* Action Sheet 样式 */
  .action-sheet-content {
    padding: 0 32rpx 32rpx;
  }
  
  .action-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32rpx 0;
    border-bottom: 1px solid #E0E0E0;
  }
  
  .action-item:last-child {
    border-bottom: none;
  }
  
  .action-item.selected {
    color: #0A4CE9;
  }
  
  .icon-check {
    color: #0A4CE9;
    font-size: 32rpx;
  }
  
  /* 文件夹选择弹窗样式 */
  .cascader-title-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  /* 生成大纲按钮 */
  .generate-button-container {
    position: fixed;
    bottom: 40rpx;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 44rpx;
  }
  
  .generate-button {
    width: 346px;
    height: 56px;
    background: #5C83E7;
    border-radius: 8px;
    border: none;
    color: #FFFFFF;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 56px;
    text-align: center;
  }
  
  /* 占位符样式 */
  .writing-textarea::placeholder {
    color: #AEAEAE;
    font-size: 14px;
  }
  
  /* 聚焦状态 */
  .writing-textarea:focus {
    border-color: #0A4CE9;
    outline: none;
  }
  
  /* 未选中状态 */
  .writing-button {
    background: #F2F2F2;
    color: #AEAEAE;
    border-color: #F2F2F2;
  }
  
  /* 选中状态 */
  .writing-button.active {
    background: #E3E8FC;
    color: #0A4CE9;
    border-color: #0A4CE9;
  }

}